.action{
    color: red;
    background-color: red;
}
.com{
    // 继承
    @extend .action;
    border-bottom: 1px solid #000;
}
//混合模式 js中的函数
@mixin fun($a:100px) {
    width: $a;
}

.box{
    @include fun(200px)
}
.box2{
    @include fun()
}
// 自定义函数
@function run($val){
    @return $val * 2;
}
.box3{
    width: run(100px);
}



// $c1:#00ff00;
// $c2:#0000ff;
// .box4{
//     color: $c1 + $c2;
// }

li{
    list-style: none;
}